﻿/**
 *    Copyright 2006 - 2011 Opera Software ASA
 *
 *    Licensed under the Apache License, Version 2.0 (the "License");
 *    you may not use this file except in compliance with the License.
 *    You may obtain a copy of the License at
 *
 *        http://www.apache.org/licenses/LICENSE-2.0
 *
 *    Unless required by applicable law or agreed to in writing, software
 *    distributed under the License is distributed on an "AS IS" BASIS,
 *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *    See the License for the specific language governing permissions and
 *    limitations under the License.
 *
 **/


.request-table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

.request-table tr {
    border-bottom: 1px solid #b3b3b3;
}

.request-table td {
    border-left: 1px solid #b3b3b3;
    padding-left: 4px;
    padding-right: 4px;
}

.request-table td:first-child {
    border-left: none;
}


.request-table tr:nth-child(odd) {
    background-color: #f2f2f2;
}

/* expand/collaps control cell */
.request-table tr td:nth-child(1) {
    width: 16px;
}

/* icon cell */
.request-table tr td:nth-child(2) {
    width: 16px;
}

/* method cell */
.request-table tr td:nth-child(3) {
    width: 4em;
}

/* host/path cell */
.request-table tr td:nth-child(4) {
    width: 24ex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}

/* status code cell */
.request-table tr td:nth-child(5) {
    width: 3em;
    text-align: right;
}

/* status message cell */
.request-table tr td:nth-child(6) {
    width: 8em;
}

/* graph cell */
.request-table tr td:nth-child(7) {
    margin: 0;
    padding: 0;
}

.request-table tr.collapsed:hover, .request-table tr.expanded:hover {
    background-color: #ffeeee;
    cursor: pointer;
}

.request-table button.expand-collapse {
  height: 15px;
  width: 19px;
  background: transparent url('../ui-images/expand-collapse.png') 4px -13px no-repeat;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.request-table tr.collapsed button {
  background: transparent url('../ui-images/expand-collapse.png') 4px 2px no-repeat;
}

.request-table tr.in-progress {
    color: #b3b3b3;
}

.request-table button.expand-collapse:active {
    background-color: highlight;
}

.request-table label {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../ui-images/filetype_unknown.png');
}

.request-table label.markup {
    background-image: url('../ui-images/filetype_html.png');
}

.request-table label.image {
    background-image: url('../ui-images/filetype_image.png');
}

.request-table label.css {
    background-image: url('../ui-images/filetype_stylesheet.png');
}

.request-table label.flash {
    background-image: url('../ui-images/filetype_flash.png');
}

.request-table label.javascript {
    background-image: url('../ui-images/filetype_javascript.png');
}

/* HTTP logger buttons start */

button[handler="clear-request-list"]:before {
  background-image: url('../ui-images/icons/icon_clear.png');
}

.headerlist dt {
    font-weight: bold;
    background-color: #fafafa;
}

.request-table div{
    padding: 6px;
}

/* timer bar stuff */

.request-table span.graph-box {
    vertical-align: text-top;
    height: 18px;
    display: inline-block;
    background-image:url('../ui-images/http-graph-right.png');
    background-position: right;
    border-left: solid 1px #9EADC4;
    min-width: 10px;
    text-align: left; /* needed so we get left align with direction:rtl */
}

/* Style for the graph cell of the first row, with the summary */
.request-table tr:nth-child(1) td:nth-child(7) {
    background-image:url('../ui-images/http-graph-full.png');
    background-position: 0 1px;
    background-repeat: repeat-x;
}

.request-table tr:nth-child(1) td:nth-child(7) span.totaltime {
    /*padding-left: 12px;*/
    float: right;

}

a.reference-link {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0;
    padding: 0;
    background-image: url('../ui-images/reference-link.png');
}

.http-status-4, .http-status-5 {
    color: red;
}
